import React from 'react';
import { Modal, Button,} from 'antd';
import './index.css'
import { List, Avatar ,Divider} from 'antd';
import { Form, Input, DatePicker, Col, TimePicker, Select, Cascader, InputNumber } from 'antd';

const FormItem = Form.Item;
const Option = Select.Option;
const formItemLayout = {
    labelCol: {
      xs: { span: 24 },
      sm: { span: 5 },
    },
    wrapperCol: {
      xs: { span: 24 },
      sm: { span: 12 },
    },
  };
export default class SubmissionModel extends React.Component {
    constructor(){
        super();
    }
    
    render() {
        
        return (
            <Modal
              title="瑞祥188协助认证资料提交"
              visible={this.props.visible}
              onOk={this.handleOk}
              footer={null}
              wrapClassName="submiss"
              onCancel={()=>this.props.showModel()}
            >
             <div style={{width:'100%',margin:'0 auto'}}>
             <Form>
                <FormItem
                {...formItemLayout}
                label="船主姓名"
                >
                <Input placeholder="必填" id="error" />
                </FormItem>
                <FormItem
                {...formItemLayout}
                label="船主电话"
                >
                <Input placeholder="必填" id="error" />
                </FormItem>
                <FormItem
                {...formItemLayout}
                label="载货量"
                >
                <Input placeholder="必填" id="error" />
                </FormItem>
                <FormItem
                    wrapperCol={{
                        xs: { span: 24, offset: 0 },
                        sm: { span: 16, offset: 8 },
                    }}
                    >
                    <Button type="primary" htmlType="submit" style = {{}}>立即提交</Button>
                    </FormItem>
                </Form>
             </div>
            </Modal>
        );
    }
}